<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <h2>{{ viewCount | numberFormat }}</h2>
    <h3>显示格式：12,345,678</h3>
</div>
</body>
<script src="./lib/vue.js"></script>
<!--http://numeraljs.com/-->
<script src="./lib/numberal.js"></script>
<script type="text/javascript">

    console.log(numeral, 'numeral');
    var string = numeral(12345678).format('0,0');

    // console.log(string);


    /**
     * 千分符的实现的思路：
     * 特点：从右往左，每三位一个逗号。
     *
     * 一般在日常工作开发中，我们更多的是想办法去网上查找看别人是否有实现，然后基于别人的代码去完成功能。
     *
     * 百度搜索：【  千分符 javascript 工具库 】
     *
     * 去 npm 网站进行搜索 【 千分符 】
     *
     * https://www.npmjs.com/package/zhf.money-format
     *
     * https://www.npmjs.com/package/numeral
     *
     * http://numeraljs.com/
     *
     *
     * https://ncov.dxy.cn/ncovh5/view/pneumonia?link=&share=&source=
     *
     */
    Vue.filter('numberFormat', function (num) {
        return numeral(num).format('0,0')
    });

    var vm = new Vue({
        el: '#app',
        data: {
            title: 'hi vue',
            viewCount: 1234125678,
        }
    })
</script>

</html>
